<template>
  <div>
    <van-nav-bar title="兑换优惠骂码" left-arrow @click="onClickLeft" />

    <div class="favorable">
      <input type="text" class="favorable-head" placeholder="请输入兑换码" />
      <button class="favor-button">兑换</button>
    </div>
    <div class="favorite-text">
      <p>兑换规则</p>
      <p>1.支持通过优惠码兑换【优惠券】和【问诊卡兑换金】</p>
      <p>
        2.兑换得到的【优惠券】可以在“个人中心 → 我的优惠券”中查看，您可以通过
        优惠券描述，了解如何可以使用
      </p>
      <p>3.兑换得到的【问诊卡兑换金】可以在“个人中心 → 账号余额”中查看</p>
      <p>4.每个优惠码，仅支持兑换一次</p>
      <p>5.如有任何疑问，请及时与春雨医生工作人员联系。</p>
    </div>
  </div>
</template>
  
  <script setup lang='ts'>
const onClickLeft = () => history.back()



</script>
  
  
  
  
  <style lang="scss" scoped>
  *{
    font-size: 14px;
  }
.favorable {
  width: 100%;
  height: 100%;
  background-color: #f2f5f7;
  padding: 15px;
  .favorable-head {
    height: 50px;
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: none;
    font-size: 15px;
  }
  .favor-button {
    height: 50px;
    width: 100%;
    background-color: #39d167;
    border: none;
    line-height: 50px;
    text-align: center;
    color: #fff;
  }
}
.favorite-text{
  height: 500px;
  width: 100%;
  background-color: #f2f5f7;
  border-bottom: 1px solid #000;
  padding: 15px;
  color: #9f9f9f;
  font-size: 10px;
}
</style>